﻿<div class="panel panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title">
            <i class="fa fa-bookmark"></i>Registro de Curso
        </h3>
    </div>
    <div class="panel-body">
        <div class="container-fluid">
            <div class="stepwizard">
                <div class="stepwizard-row">
                    <div class="stepwizard-step">
                        <button type="button" class="btn btn-primary btn-circle">1</button>
                        <p>Información General del Curso</p>
                    </div>
                    <div class="stepwizard-step">
                        <button type="button" class="btn btn-default btn-circle" disabled="disabled">2</button>
                        <p>Selección del Docente</p>
                    </div>

                </div>
            </div>
            <form class="form-horizontal" role="form">
                <input  id="id" type="hidden" value="{{IdCurso}}">
                <div class="panel-body" id="datosCurso">
                    <div class="form-group" id="nombreGroup">
                        <label class="col-sm-2 control-label" for="nombre">Nombre:</label>
                        <div class="col-sm-9">
                            <input name="nombre" id="nombre" class="form-control" type="text" value="{{Nombre}}">
                        </div>
                    </div>
                    <div class="form-group" id="descripcionGroup">
                        <label class="col-sm-2 control-label" for="descripcion">Descripcion:</label>
                        <div class="col-sm-9">
                            <input name="descripcion" class="form-control" id="descripcion" type="text" value="{{Descripcion}}">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label" for="estadoCurso">Estado:</label>
                        <div class="col-sm-9">
                            <select name="estado" class="form-control" id="estado">
                                <option value="Activo">Activo</option>
                                <option value="Inactivo">Inactivo</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group" id="areaPeriodoCursoGroup">
                        <label for="periodoCurso" class="col-sm-2 control-label">Período</label>
                        <div class="col-sm-9">
                            <select name="periodo" id="periodo" class="form-control">{{#each PeriodosVigentes}}
                                <option value="{{Id}}">{{Nombre}}</option>{{/each}}
                            </select>
                        </div>
                    </div>
                    <div class="container-fluid">
                        <div class=" col-sm-offset-4 col-sm-2">
                            <a id="cancelar" class="btn btn-primary" href="/cursos" style="text-align: left"><i class="fa fa-remove"></i> Cancelar</a>
                        </div>
                        <div class="col-sm-2">
                            <a id="nextstep" class="btn btn-primary nextstep" href="#" style="text-align: left"><i class="fa fa-hand-o-right"></i> Siguiente</a>
                        </div>
                    </div>
                    <a href="#" id="navigationButton" style="visibility: hidden"></a>
                </div>
            </form>
        </div>
    </div>
</div>


